<template>
	<view class="module1-container">
		<view class="title">{{title}}</view>
		<view class="content">
			<overviewItem v-for="item in props.list" :key="item.name" :name="item.title" :value="item.value">
			</overviewItem>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		watch,
		computed,
		onMounted
	} from 'vue'
	import {
		onLoad
	} from '@dcloudio/uni-app'
	import {
		reqTradtionEleView,
		reqTradtionWaterView,
		reqTradtionGasView,
		reqTradtionWeightView,
		reqTradtionOtherView,
	} from "@/api/model/trandition"
	import overviewItem from './component/overviewItem.vue';
	defineOptions({
		name: "Module1"
	})
	const props = defineProps({
		list: {
			type: Array,
			default: () => []
		},
		title: {
			type: String,
			default: () => "概况"
		},
		activeTraditionId: {
			type: String,
			default: () => ""
		},
		parkId:{
			type: String
		}
	})
	onMounted(() => {
		// console.log("overview组件11", props)
	})
	onLoad(() => {
		// console.log("overview组件", props.list)
	})
	watch(() => props.parkId, (newVal) => {

	})
</script>

<style lang="scss" scoped>
	.module1-container {
		// height: 400rpx;
		width: 100%;
		border-radius: 10px;
		background-color: #ffffff;
		margin: 20rpx 0;
		padding-bottom: 20rpx;

		.title {
			height: 76rpx;
			margin-left: 46rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
			line-height: 76rpx;
		}

		.content {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

		}
	}
</style>